/*
 * @Author: kanglang
 * @Date: 2021-03-06 14:24:33
 * @LastEditors: kanglang
 * @LastEditTime: 2021-03-06 14:32:44
 * @Description: 其他加油点
 */
import React, { Component } from 'react';
import { Image, SafeAreaView, StyleSheet, Text, TouchableOpacity, View, NativeModules } from 'react-native';
import {
  mainBgColorBlack,
  px2dp
} from '@/styles';
import { position } from '@/images';

const OrtherOilStationItem = ({ city }) => {
  return (
    <View style={styles.container}>
      <Text style={styles.ortherTip}>其他加油点</Text>
      <View style={styles.cityBox}>
        <Image
          style={styles.positionIcon}
          source={position}
        />
        <Text>{city}</Text>
      </View>
    </View>
  );
};
export default OrtherOilStationItem;
const styles = StyleSheet.create({
  container: {
    height: px2dp(100),
    flexDirection: 'row',
    alignItems: 'center',
    paddingHorizontal: px2dp(20)
  },
  ortherTip: {
    color: mainBgColorBlack,
    fontSize: px2dp(40)
  },
  cityBox: {
    flexDirection: 'row',
    alignItems: 'center'
  },
  positionIcon: {
    width: px2dp(30),
    height: px2dp(30),
    marginLeft: px2dp(20),
    marginRight: px2dp(10)
  }
});
